<script setup>
import PageTop from "@/components/PageTop.vue";
import AreaTop from "@/components/AreaTop.vue";
import Culture from "@/components/Culture.vue";

const dataList = [
  {
    title: "企业理念",
    desc: "坤石"
  },
  {
    title: "企业文化",
    desc: "坤石以"
  },
  {
    title: "企业文化",
    desc: "坤石以"
  }
];

</script>

<template>
  <page-top title="坤石介绍" desc="About Us"
            bg-image="https://edu-yjzk.oss-cn-hangzhou.aliyuncs.com/education/common/2024/09/10/jpg/about_20240910103212A066.jpg"></page-top>
  <area-top title="坤石介绍" ></area-top>

  <div class="content-box wrap">
    <h1 class="text-center mb-50">坤石介绍</h1>
    <img src="@/assets/image/introduce/top-1.png" width="100%">
    <p style="line-height: 2; font-size: 14px; color: #404040;">
      坤石（Kunshan）是一家专注于教育领域的高新科技企业，创立于2015年，是一家以教育为核心的高科技企业。坤石以“专注教育，服务社会”为使命，以“创造价值，实现梦想”为目标，以“坤”为品牌，
      以“石”为核心，以“科技”为驱动，以“创新”为动力，以“服务”为使命，以“分享”为理念，以“共赢”为目标，以“创造”为动力。
    </p>
    <culture title="企业文化"  :dataList="dataList" />
  </div>

</template>

<style scoped lang="scss">
.content-box {
  padding-top: 50px;
  background-color: #fff;
}

</style>
